<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="./jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(document).on('click#test',function(){
            history.pushState(null,'./2','./3');
        });
        window.onpopstate = function(event) {
            console.log('4');
        };
        window.onpopstate = function(event) {
            console.log('3');
        };
        $(window).on('popstate',function(){
            console.log('2');
        });
        $(window).on('popstate',function(){
            console.log('1');
        }) ;
    </script>
</head>
<body>
       <span id="test" style="border:1px solid red;">
            click me
       </span>
</body>
</html>